<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
  	<title>首页--东西互联网</title>
    <link rel="stylesheet" href="css/mui.css" />
    <link rel="stylesheet" href="css/muiicon.css" />
    <link rel="stylesheet" href="css/jquery.mmenu.all.css" />
    <link rel="stylesheet" href="css/default.css" />
</head>
	<body>
	     <div class="page"> 
			<header class="mui-bar mui-bar-nav" >
				<a  href="#menu" class="mui-pull-left"><span class="mui-icon mui-icon-task-filled"></span></a>
				<h1 class="mui-title" id="title">东西互联网</h1>
				<a href="javascript:loginBox.show();" class="mui-pull-right"><span class="mui-icon mui-icon-person"></span></a>
			</header>
			<div class="mui-content">
				<!--轮播代码-->
				<div id="slideBox" class="slideBox">
					<div class="hd">
						<ul><li>1</li><li>2</li></ul>
					</div>
					<div class="bd">
						<ul>
							<li><a href="http://www.gz04.com" target="_blank"><img src="img/slide1.jpg" /></a></li>
							<li><a href="http://www.gz04.com" target="_blank"><img src="img/slide2.jpg" /></a></li>
						</ul>
					</div>
					<!-- 前/后按钮代码 -->
					<a class="prev" href="javascript:void(0)"></a>
					<a class="next" href="javascript:void(0)"></a>
				</div>
				<!-- end 轮播代码-->
				<!-- 产品系列  -->	
				<div class="mui-row category-list">
						<div class="mui-col-xs-4 mui-col-sm-4">
								<div class="category-item category-item-200">
									<img src="img/category_zuanshi.jpg">
									<label>钻石系列</span>
								</div>
						</div>
						<div class="mui-col-xs-4 mui-col-sm-4"> 
								<div class="category-item category-item-top-100">
									<img src="img/category_caibao.jpg">
									<label>彩宝系列</span>
								</div>
								<div class="category-item category-item-bottom-100">
									<img src="img/category_zhenzhu.jpg">
									<label>珍珠系列</span>
								</div>
						</div>
						<div class="mui-col-xs-4 mui-col-sm-4">
							<div class="category-item category-item-200">
								<img src="img/category_feicui.jpg">
								<label>翡翠系列</span>
							</div>
						</div>
				</div>
				<!-- end 产品系列  -->	
				<!-- 新品上市-->
				<div class="new-list slideTxtBox">
					<div class="hd">
						<a href="product.html"><span class="title">新品上市  &gt;&gt;</span></a>
						<span class="arrow"><a class="next"></a><a class="prev"></a></span>
						<ul class="mui-hidden"><li>1</li><li>2</li></ul>
					</div>
					<div class="bd">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell mui-media">
									<a href= "product_view.html">
										<img class="mui-media-object mui-pull-left" src="img/category_feicui.jpg">
										<div class="mui-media-body">
											钻石戒指
											<p class='mui-ellipsis'>钻石戒指描述</p>
											<label class="mui-pull-right">RMB: <span class="price">0.00<span></label>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a href= "product_view.html">
										<img class="mui-media-object mui-pull-left" src="img/category_zuanshi.jpg">
										<div class="mui-media-body">
											彩宝戒指
											<p class='mui-ellipsis'>钻石戒指描述</p>
											<label class="mui-pull-right">RMB: <span class="price">0.00<span></label>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a href= "product_view.html">
										<img class="mui-media-object mui-pull-left" src="img/category_zhenzhu.jpg">
										<div class="mui-media-body">
											彩宝戒指
											<p class='mui-ellipsis'>钻石戒指描述</p>
											<label class="mui-pull-right">RMB: <span class="price">0.00<span></label>
										</div>
									</a>
								</li>
							</ul>
							<ul class="mui-table-view">
								<li class="mui-table-view-cell mui-media">
									<a href= "product_view.html">
										<img class="mui-media-object mui-pull-left" src="img/category_caibao.jpg">
										<div class="mui-media-body">
											钻石戒指2
											<p class='mui-ellipsis'>钻石戒指描述</p>
											<label class="mui-pull-right">RMB: <span class="price">0.00<span></label>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a href= "product_view.html">
										<img class="mui-media-object mui-pull-left" src="img/category_feicui.jpg">
										<div class="mui-media-body">
											彩宝戒指2
											<p class='mui-ellipsis'>钻石戒指描述</p>
											<label class="mui-pull-right">RMB: <span class="price">0.00<span></label>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a href= "product_view.html">
										<img class="mui-media-object mui-pull-left" src="img/category_zhenzhu.jpg">
										<div class="mui-media-body">
											彩宝戒指2
											<p class='mui-ellipsis'>钻石戒指描述</p>
											<label class="mui-pull-right">RMB: <span class="price">0.00<span></label>
										</div>
									</a>
								</li>
							</ul>
					</div>	
				</div>
				<!-- end 新品上市-->
				<!-- 热销爆款 -->
				<div class="hot-list slideTxtBox">
						<div class="hd">
							<a href="product.html"><span class="title">热销爆款   &gt;&gt;</span></a>
							<span class="arrow"><a class="next"></a><a class="prev"></a></span>
							<ul class="mui-hidden"><li>1</li><li>2</li></ul>
						</div>
						<div class="bd">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell mui-media">
										<a href= "product_view.html">
											<img class="mui-media-object mui-pull-left" src="img/category_zuanshi.jpg">
											<div class="mui-media-body">
												钻石戒指
												<p class='mui-ellipsis'>钻石戒指描述</p>
												<label class="mui-pull-right">RMB: <span class="price">0.00<span></label>
											</div>
										</a>
									</li>
									<li class="mui-table-view-cell mui-media">
										<a href= "product_view.html">
											<img class="mui-media-object mui-pull-left" src="img/category_caibao.jpg">
											<div class="mui-media-body">
												彩宝戒指
												<p class='mui-ellipsis'>钻石戒指描述</p>
												<label class="mui-pull-right">RMB: <span class="price">0.00<span></label>
											</div>
										</a>
									</li>
									<li class="mui-table-view-cell mui-media">
										<a href= "product_view.html">
											<img class="mui-media-object mui-pull-left" src="img/category_zuanshi.jpg">
											<div class="mui-media-body">
												彩宝戒指
												<p class='mui-ellipsis'>钻石戒指描述</p>
												<label class="mui-pull-right">RMB: <span class="price">0.00<span></label>
											</div>
										</a>
									</li>
								</ul>
								<ul class="mui-table-view">
									<li class="mui-table-view-cell mui-media">
										<a href= "product_view.html">
											<img class="mui-media-object mui-pull-left" src="img/category_feicui.jpg">
											<div class="mui-media-body">
												钻石戒指2
												<p class='mui-ellipsis'>钻石戒指描述</p>
												<label class="mui-pull-right">RMB: <span class="price">0.00<span></label>
											</div>
										</a>
									</li>
									<li class="mui-table-view-cell mui-media">
										<a href= "product_view.html">
											<img class="mui-media-object mui-pull-left" src="img/category_caibao.jpg">
											<div class="mui-media-body">
												彩宝戒指2
												<p class='mui-ellipsis'>钻石戒指描述</p>
												<label class="mui-pull-right">RMB: <span class="price">0.00<span></label>
											</div>
										</a>
									</li>
									<li class="mui-table-view-cell mui-media">
										<a href= "#">
											<img class="mui-media-object mui-pull-left" src="img/category_zuanshi.jpg">
											<div class="mui-media-body">
												彩宝戒指2
												<p class='mui-ellipsis'>钻石戒指描述</p>
												<label class="mui-pull-right">RMB: <span class="price">0.00<span></label>
											</div>
										</a>
									</li>
								</ul>
						</div>
				</div>
				<!-- end 热销爆款 -->
				<!-- 最新动态 -->
				<div class="dongtai-list">
					<a href="news.html"><span class="title">最新动态   &gt;&gt;</span></a>
					 <ul>
					 		<li>
					 			<a href="news_view.html">
					 				<h4>11.25<span>2015</span></h4>
					 				<span class="yuan mui-icon mui-icon-circle-filled"></span>
					 				<label class="arrow"></label>
					 				<p class="content mui-ellipsis">行业合作专题，针对珠宝行业的资源重组</p>
					 			</label>
					 		</li>
					 		<li>
					 			<a href="news_view.html">
					 				<h4>09.03<span>2015</span></h4>
				 					<span class="yuan mui-icon mui-icon-circle-filled"></span>
					 				<label class="arrow"></label>
					 				<p class="content mui-ellipsis">庆祝抗日70周年 阅兵式</p>
					 			</a>
					 		</li>
					 		<li>
				 				<a href="news_view.html">
					 				<h4>08.03<span>2015</span></h4>
				 					<span class="yuan mui-icon mui-icon-circle-filled"></span>
					 				<label class="arrow"></label>
					 				<p class="content mui-ellipsis">珠宝行业</p>
					 			</a>
					 		</li>
				 			<li>
				 				<a href="news_view.html">
					 				<h4>07.01<span>2015</span></h4>
				 					<span class="yuan mui-icon mui-icon-circle-filled"></span>
					 				<label class="arrow"></label>
					 				<p class="content mui-ellipsis">建党节</p>
					 			</a>
					 		</li>
				 			<li>
				 				<a href="#">
					 				<h4>06.01<span>2015</span></h4>
				 					<span class="yuan mui-icon mui-icon-circle-filled"></span>
					 				<label class="arrow"></label>
					 				<p class="content mui-ellipsis">儿童节</p>
					 			</a>
					 		</li>
					 </ul>
				</div>
				<!--end 最新动态  -->
				<div class="about-box">
					<a href="aboutus.html">
						<span class="title">关于我们</span>
						<p class="mui-ellipsis-2">公司于2015年在深圳成立，位于深圳市科技园10号大厦。以独特的品牌、优质的商品、一流的服务以及最具有竞争力的价格优势开拓了市场。</p>
					</a>
				</div>
				<div class="footer">
					<div class="splite"></div>
					<div class="bottom-menu">
							<a href="#">首页</a>
							<a href="product.html">产品中心</a>
							<a href="#">会员中心</a>
							<a href="#">代理加盟</a>
							<a href="#">关于我们</a>
					</div>
					<div class="copyright">  2015 &copy; chedaowang.cn</div>
				</div>
			</div>
		</div>	
		<!-- 左侧菜单-->
		 <nav id="menu">
	         <ul>
	            <li><a href="#"><span class="mui-icon mui-icon-home"></span>首页</a></li>
	            <li><a href="product.html"><span class="mui-icon mui-icon-more" style="font-size: 20px;"></span> 产品中心</a>
	               <ul>
	                  <li><a href="#">钻石系列</a></li>
	                  <li><a href="#">彩宝系列</a></li>
	                  <li><a href="#">珍珠系列</a></li>
	                  <li><a href="#">翡翠系列</a></li>
	               </ul>
	            </li>
	            <li><a href="news.html"><span class="mui-icon mui-icon-star"></span>最新动态</a></li>
	            <li><a href="joinus.html"><span class="mui-icon mui-icon-personadd"></span>代理加盟</a></li>
	            <li><a href="aboutus.html"><span class="mui-icon mui-icon-person"></span>关于我们</a></li>
	            <li><a href="contact.html"><span class="mui-icon mui-icon-email"></span>联系我们</a></li>
	         </ul>
	      </nav>
	      <!--end 左侧菜单  -->
		<script type="text/javascript" src="js/jquery-2.1.0.js" ></script>
		<script type="text/javascript" src="js/jquery.mmenu.min.all.js" ></script>
		<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js" ></script>
		<script type="text/javascript" src="js/app.js" ></script>
		<script>
				jQuery(document).ready(function( $ ) {
		            $("#menu").mmenu({extensions: ["theme-white","pagedim-black"],slidingSubmenus:false});
		         });
				//轮播
				jQuery(".slideBox").slide({mainCell:".bd ul",effect:'leftLoop',autoPlay:true,trigger:'mouseover',easing:'swing',delayTime:500,mouseOverStop:true,pnLoop:true});
				//新品上市
				jQuery(".new-list").slide({effect:"fold",autoPlay:true});
				//热销爆款
				jQuery(".hot-list").slide({effect:"topLoop",autoPlay:true,delayTime:800});
		</script>
	</body>
</html>
